<template>
  <div style="background:skyblue;">
    <slot name="headcon"></slot>
    <ul>
      <li v-for="(item,index) in list"
          :key="index">{{item}}</li>
    </ul>
    <slot name="footcon"></slot>
  </div>
</template>
<script>
export default {
  name: "catecoat",
  props: ["list"]
}
</script>
<style lang="less">
</style>